<!DOCTYPE html>
<html>

<head>
    <title>USERLIST</title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
</head>

<body>
    <h1>Userlist</h1>
    <ul class="inline">

        <%
for(var i in userlist){
%>
            <li>
                <p><b><%=userlist[i].username%></b></p>
                <p><b>Info:</b></p>
                <ul>
                    <li>
                        <p>age:
                            <%=userlist[i].userInfo.age%>
                        </p>
                    </li>
                    <li>
                        <p>sex:
                            <%=userlist[i].userInfo.sex%>
                        </p>
                    </li>
                    <li>
                        <p>school:
                            <%=userlist[i].userInfo.school%>
                        </p>
                    </li>
                </ul>
                <p><b>Hobby:</b></p>
                <ul>
                    <%
                for(var j in userlist[i].userHobby){
                    %>
                        <li>
                            <p>
                                <%=userlist[i].userHobby[j]%>
                            </p>
                        </li>
                        <% } %>
                </ul>
                <hr/>
            </li>
            <% } %>
    </ul>
</body>

</html>